<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title></title>

    <!--  <link href="css/mui.min.css" rel="stylesheet"/> -->
    <link rel="stylesheet" href="lib/theme/style.css">
    <link rel="stylesheet" href="lib/css/swiper.min.css">
    <link rel="stylesheet" href="lib/iconfont/iconfont.css">
    <style>
        .swiper-container {
            width: 100%;
            height: 100%;
        }
        
        .swiper-slide {
            text-align: center;
            font-size: 18px;
            background: #fff;
            /* Center slide text vertically */
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
            padding: 0px!important;
        }
        
        .swiper-slide img {
            border-radius: 0px;
        }
    </style>
</head>

<body>
    <div id="app">
        <a href="#" @click.stop="goto" class="tgLink">跳过</a>
        <div class="banner swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <img src="lib/image/y1.jpg" alt="">
                </div>
                <div class="swiper-slide">
                    <img src="lib/image/y2.jpg" alt="">
                </div>
                <div class="swiper-slide">
                    <img src="lib/image/y3.jpg" alt="">
                </div>
            </div>
            <!-- Add Pagination -->
            <div class="swiper-pagination"></div>
        </div>
    </div>


    <script src="lib/js/mui.min.js"></script>
    <script src="lib/js/vue.min.js"></script>
    <script src="lib/js/jquery.min.js"></script>
    <script src="lib/js/swiper.min.js"></script>
    <script src="lib/js/assembly.js"></script>
    <!-- <script src="lib/js/router.js"></script> -->
    <script src="lib/js/config.js"></script>
    <script>
        var vm = new Vue({
            el: "#app",
            data: {

            },
            methods: {
                goto() {
                    mui.openWindow({
                        url: '/public/LoginInfo/login.html',
                        id: 'login'
                    })
                }
            }
        })
        var swiper = new Swiper('.swiper-container', {
            pagination: {
                el: '.swiper-pagination',
            },
        });
    </script>

</body>

</html>